将Sublime Text 2搭建成一个好用的IDE

#将Sublime Text 2搭建成一个好用的IDE

记录一下我用Sublime Text 2的使用的一些扩展.

市面上的IDE以及编辑器层出不穷, 以前我用惯vim, 喜欢在键盘上的操作感觉. 后来碰到到Sublime Text 2, 智能提示/外观都挺不错.
而且还搭配有Vi模式使用(虽然比vim弱了很多).

###一.下载和安装

Sublime Text2是一款开源的软件,不需要注册即可使用(虽然没有注册会有弹窗,但是基本不影响使用)。

下载地址:http://www.sublimetext.com

关掉sublime的更新提示:

sublime默认的情况会有更新提示弹出框,可以把通过设置关闭更新提示,方法:
选择 “preferences”—>“Browse packages”,找打Default文件夹下的Preferences.sublime-settings,在最下面加一行(注意要先在前一行最后面加一个逗号):
“update_check”:false

保存退出重新启动sublime即可。

###二.一些常用的设置和快捷键

1.字体、主题风格等设置

当需要更改主题时,直接可以通过“preferences”—>“Color Scheme”来设置:  

主界面上只能改变字体的大小:   

若需要改变字体和字体大小,可以先”preferences“—>”Browse Packages“,找到”Default“文件夹,然后找到Preferences.sublime-settings这个文件,用Sublime Text 2打开这个文件,这个文件保存了一些常用的设置,比如字体、主题风格、是否显示行号、智能提示延迟时间等,可以根据自己的需要自行设置。

2.打开(关闭)侧边栏、右边缩略图等常用面板

默认情况下Sublime Text 2是没有打开侧边栏文件浏览器的,可以通过”查看“—>”侧边栏“—>”隐藏侧边栏“来打开和关闭侧边栏

默认情况下Sublime Text 2右边是有文件的缩略图的,可以通过”查看“—>”隐藏迷你地图“来打开和关闭缩略图。

3.快捷键寻找文件和已定义的函数

在Sublime Text 2中可以非常快速地切换到想找的文件,只需要通过”Ctrl+P“打开切换面板即可。

然后输入想找的文件名称就可以快速找切换到该文件了。如果想要找函数,可以通过输入”@+函数名“可以快速切换到定义该函数的文件。

###三.一些自己常用的的插件。

Sublime Text 2安装的插件和所有预置的插件全部在Packages文件下,可以直接通过preferences—>`Browse Pakcages“来访问。

Sublime Text 2安装插件有两种方法:

1)离线安装,先下载好安装包,解压之后放到Packages文件夹下,重启Sublime即可。

2)在线安装,在线安装之前,需要安装”Packages Control“这个包管理插件,安装方法是:

选择”查看“—>”显示控制台“,然后在下面弹出的框中输入:

1
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

然后回车确认,安装完毕之后重启sublime,如果发现在Perferences中看到package control这一项,则安装成功。

然后就可以通过Ctrl+Shift+P打开命令面板,输入install命令,就可以看到安装包列表了。   

常用插件:

1.Tag插件

Tag插件可以为web开发者提供html和css标签,很方便快捷,对于web前端设计者非常实用。

2.Prefixr插件

为css3提供一些前缀

3.Terminal插件

Terminal插件可以允许在Sublime Text2中打开cmd命令窗口,很实用的一个插件,安装好该插件好,打开cmd命令窗口的快捷键是 Ctrl+Shift+T

4.SublimeTmpl插件

这个插件允许用户定义文件的模板,比如在写一个html文件时,老是重复文件头的一些引入信息很繁琐,可以定义一个模板直接生成必须的信息。

5.SideBarEnhancements插件

一个增强侧边栏文件夹浏览功能的插件,比较不错。

6.DocBlockr插件

用来生成注释块的插件,安装好之后直接输入”/*”,然后再按回车键,即可生成代码注释块。

7.SublimeCodeIntel插件

智能提示插件,这个插件的智能提示功能非常强大,可以自定义提示的内容库。

8.emmet

前端神器, 减少大量的工作量, 使用方法可以参考Emmet:HTML/CSS代码快速编写神器或者官方文档。

9.AndyJS2插件

一款针对Javsscript和jquery智能提示的插件。

10.jquery插件

jquery提示库。

11.Ctags插件

该插件可以实现快速定位到函数定义的地方

12.alignment

控制所有类型文本的对齐。

13.converttoUTF8

编辑的所有文件都使用UTF-8编码

14.markdownediting或者markdownPerview

这个是写Markdown必备的。可以在包管理器中安装。装完之后,写作Markdown时(右下角显示语法为Markdown),可以按ctrl+b,直接就会生成HTML,并在浏览器中显示。

16.jsformat

JavaScript代码格式化

17.SyntaxChecker

语法检测, 支持 Ruby , Perl , PHP , XML(需安装其环境)

18.为了避免打开含中文字符的文件出现乱码,需要先安装GBK Encoding Support这个插件,再安装ConvertToUTF8插件即可。